<template>
    <div class="head">
        <div class="logo"></div>
        <el-menu :default-active="onRoutes" class="el-menu-vertical-demo" theme="dark" unique-opened router>
            <template v-for="item in items">
                <template>
                    <el-menu-item :index="item.index">
                       <span>{{ item.title }}</span>
                    </el-menu-item>
                </template>
            </template>
        </el-menu>
    </div>
</template>
<script>
    import jquery from '../tool/Global/jquery-1.10.2.min';
    export default {
         data: function(){
            return {
                items: [
                    // {
                    //     index: 'news',
                    //     title: '重大项目动态'
                    // },
                    // {
                    //     index: 'project-show',
                    //     title: '项目展示中心'
                    // },
                    // {
                    //     index: 'Home',
                    //     title: '项目管理中心'
                    // }
                ]
               
            }
        },
        computed:{
            onRoutes(){
                return this.$route.path.replace('/','');
            }
        }
    }
</script>
<style scoped>
     .head{
        position: relative;
        width: 100%;
        height: 310px;
        background-repeat: no-repeat;
        background-image: url("../../../static/img/news/banner.png");
        min-width: 1280px;
    }
    .logo{
        background-image: url("../../../static/img/news/logo.png");
        width: 746px;
        height: 79px;
        position: relative;
        top: 90px;
        left: 90px;
    }
    .el-menu{
        position: relative;
        width: 1278px;
        top: 172px;
        background: none;
        height: 58px;
        line-height: 44px;
        font-size: 18px;
        margin: 0 auto;
        border: 0px;
    }
    .el-menu-item{
        display:inline-block;
        cursor: pointer;
        color:#fff;
        text-align: center;
        width: 426px;
        font-size: 20px;

        
    }
    .el-menu-item:hover, .el-menu-item.is-active{
        background-color: #0a7fd0;
        color: white;

    }
    .footer{
        bottom:0px;
        background-color: #0888de;
        text-align: center;
        font-size: 18px;
        color: white;
        line-height: 35px;
    }
</style>


